<template>
  <div id="app">
    <a href="http://www.baidu.com">百度一下静态</a>
    <!-- v-bind动态绑定属性 -->
    <p>
      <a v-bind:href="url">百度一下v-bind</a>
    </p>
    <p>
      <!-- v-bind:简写为: -->
      <a :href="url">百度一下简写为:</a>
    </p>
    <p>
      <img :src="imgSrc" alt="" />
    </p>
    <p>
      <img :src="imgLocal" alt="" />
    </p>
  </div>
</template>

<script>
// let num = 10;
// 本地图片的引入使用import导入方式进行使用
// vue组件使用是ES6模块化的规范
import logoSrc from "./assets/logo.png";
export default {
  name: "App",
  components: {},
  // data:对象/函数在组件中只能是函数
  data() {
    return {
      url: "http://www.baidu.com",
      imgSrc:
        "https://www.baidu.com/img/pc_675fe66eab33abff35a2669768c43d95.png",
      imgLocal: logoSrc,
    };
  },
};
</script>

<style>
</style>
